<template>
	<!-- 
	 在 UniApp 中，页面生命周期是指页面在创建、显示、隐藏和销毁过程中所经历的一系列阶段。了解这些生命周期的钩子函数可以帮助开发者更好地管理页面状态和资源。以下是 UniApp 页面生命周期的主要钩子函数及其说明总结：
	 1. 生命周期钩子函数
	  a.  onLoad 
	 - 触发时机：页面加载时触发。
	 - 用途：用于初始化数据，获取参数等。可以通过  this.$route  获取传递的参数。
	 onLoad(options) {
	   console.log(options); // 获取传递的参数
	 }
	  b.  onShow 
	 - 触发时机：每次页面显示时触发，包括首次加载和从其他页面返回时。
	 - 用途：用于更新页面数据或执行需要在每次显示时进行的操作，比如获取最新数据。
	 onShow() {
	   console.log('页面显示');
	 }
	  c.  onReady 
	 - 触发时机：页面初次渲染完成时触发。
	 - 用途：用于执行一些需要在页面渲染完成后进行的操作，比如启动动画。
	 onReady() {
	   console.log('页面渲染完成');
	 }
	  d.  onHide 
	 - 触发时机：页面隐藏时触发，例如跳转到其他页面或返回上一页。
	 - 用途：用于保存页面状态或停止某些操作，比如停止定时器。
	 onHide() {
	   console.log('页面隐藏');
	 }
	  e.  onUnload 
	 - 触发时机：页面卸载时触发，例如关闭页面或切换到其他页面。
	 - 用途：用于清理资源，比如取消网络请求或销毁定时器。
	 onUnload() {
	   console.log('页面卸载');
	 }
	 2. 生命周期管理
	 - 数据管理：在  onLoad  中初始化数据，在  onShow  中更新数据，确保页面数据始终是最新的。
	 - 资源清理：在  onUnload  中进行资源的清理，避免内存泄漏。
	 
	 3. 注意事项
	 - 每个页面都有独立的生命周期，页面之间的状态是相互独立的。
	 - 生命周期钩子函数的调用顺序为： onLoad  ->  onReady  ->  onShow ，当页面隐藏时，调用  onHide ，最后在页面卸载时调用  onUnload 。
	 
	 总结
	 UniApp 的页面生命周期钩子函数提供了灵活的方式来管理页面的状态和资源。通过合理使用这些钩子函数，开发者可以更好地控制页面的行为，提高用户体验和应用性能。了解生命周期的各个阶段有助于优化数据加载、资源管理和页面交互。
	 -->
	<view>
		在 UniApp 中，页面生命周期是指页面在创建、显示、隐藏和销毁过程中所经历的一系列阶段。了解这些生命周期的钩子函数可以帮助开发者更好地管理页面状态和资源。以下是 UniApp 页面生命周期的主要钩子函数及其说明总结：
		1. 生命周期钩子函数
		 a.  onLoad 
		- 触发时机：页面加载时触发。
		- 用途：用于初始化数据，获取参数等。可以通过  this.$route  获取传递的参数。
		onLoad(options) {
		  console.log(options); // 获取传递的参数
		}
		 b.  onShow 
		- 触发时机：每次页面显示时触发，包括首次加载和从其他页面返回时。
		- 用途：用于更新页面数据或执行需要在每次显示时进行的操作，比如获取最新数据。
		onShow() {
		  console.log('页面显示');
		}
		 c.  onReady 
		- 触发时机：页面初次渲染完成时触发。
		- 用途：用于执行一些需要在页面渲染完成后进行的操作，比如启动动画。
		onReady() {
		  console.log('页面渲染完成');
		}
		 d.  onHide 
		- 触发时机：页面隐藏时触发，例如跳转到其他页面或返回上一页。
		- 用途：用于保存页面状态或停止某些操作，比如停止定时器。
		onHide() {
		  console.log('页面隐藏');
		}
		 e.  onUnload 
		- 触发时机：页面卸载时触发，例如关闭页面或切换到其他页面。
		- 用途：用于清理资源，比如取消网络请求或销毁定时器。
		onUnload() {
		  console.log('页面卸载');
		}
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		// 用途：用于初始化数据，获取参数等。可以通过  this.$route  获取传递的参数。
		onLoad() {
			console.log("onLoad 页面加载时触发");
		},
		// 用途：用于更新页面数据或执行需要在每次显示时进行的操作，比如获取最新数据。
		onShow() {
			console.log('onShow 每次页面显示时触发，包括首次加载和从其他页面返回时。');
		},
		// 用途：用于执行一些需要在页面渲染完成后进行的操作，比如启动动画。
		onReady() {
			console.log('onReady 页面初次渲染完成时触发。');
		},
		// 用途：用于保存页面状态或停止某些操作，比如停止定时器。
		onHide() {
			console.log('onHide 页面隐藏时触发，例如跳转到其他页面或返回上一页。');
		},
		// 用途：用于清理资源，比如取消网络请求或销毁定时器。
		onUnload() {
			console.log('onUnload 页面卸载时触发，例如关闭页面或切换到其他页面。');
		},
		onPullDownRefresh() {
			console.log('onPullDownRefresh 下拉刷新');
		},
		onReachBottom() {
			console.log('onReachBottom 可在pages.json里定义具体页面底部的触发距离');
		}
	}
</script>

<style>

</style>
